﻿<!DOCTYPE html>
<html>
  <head>
    <title>InfiniteScroll 无限滚动</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/infinitescroll_____/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/infinitescroll_____/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Panel (Dynamic Panel) -->
      <div id="u12292" class="ax_default" data-label="Panel">
        <div id="u12292_state0" class="panel_state" data-label="State1">
          <div id="u12292_state0_content" class="panel_state_content">

            <!-- List_Wait (Repeater) -->
            <div id="u12293" class="ax_default" data-label="List_Wait">
              <script id="u12293_script" type="axure-repeater-template" data-label="List_Wait">

                <!-- Unnamed (Rectangle) -->
                <div id="u12294" class="ax_default box_2 u12294">
                  <img id="u12294_img" class="img u12294_img" src="images/infinitescroll_____/u12294.png"/>
                  <!-- Unnamed () -->
                  <div id="u12295" class="u12295 text" style="visibility: visible;">
                    <p><span>1</span></p>
                  </div>
                </div>
              </script>
              <div id="u12293-1" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12294-1" class="ax_default box_2 u12294">
                  <img id="u12294-1_img" class="img u12294_img" src="images/infinitescroll_____/u12294.png"/>
                  <!-- Unnamed () -->
                  <div id="u12295-1" class="u12295 text" style="visibility: visible;">
                    <p><span>1</span></p>
                  </div>
                </div>
              </div>
              <div id="u12293-2" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12294-2" class="ax_default box_2 u12294">
                  <img id="u12294-2_img" class="img u12294_img" src="images/infinitescroll_____/u12294.png"/>
                  <!-- Unnamed () -->
                  <div id="u12295-2" class="u12295 text" style="visibility: visible;">
                    <p><span>2</span></p>
                  </div>
                </div>
              </div>
              <div id="u12293-3" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12294-3" class="ax_default box_2 u12294">
                  <img id="u12294-3_img" class="img u12294_img" src="images/infinitescroll_____/u12294.png"/>
                  <!-- Unnamed () -->
                  <div id="u12295-3" class="u12295 text" style="visibility: visible;">
                    <p><span>3</span></p>
                  </div>
                </div>
              </div>
              <div id="u12293-4" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12294-4" class="ax_default box_2 u12294">
                  <img id="u12294-4_img" class="img u12294_img" src="images/infinitescroll_____/u12294.png"/>
                  <!-- Unnamed () -->
                  <div id="u12295-4" class="u12295 text" style="visibility: visible;">
                    <p><span>4</span></p>
                  </div>
                </div>
              </div>
              <div id="u12293-5" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12294-5" class="ax_default box_2 u12294">
                  <img id="u12294-5_img" class="img u12294_img" src="images/infinitescroll_____/u12294.png"/>
                  <!-- Unnamed () -->
                  <div id="u12295-5" class="u12295 text" style="visibility: visible;">
                    <p><span>5</span></p>
                  </div>
                </div>
              </div>
              <div id="u12293-6" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12294-6" class="ax_default box_2 u12294">
                  <img id="u12294-6_img" class="img u12294_img" src="images/infinitescroll_____/u12294.png"/>
                  <!-- Unnamed () -->
                  <div id="u12295-6" class="u12295 text" style="visibility: visible;">
                    <p><span>6</span></p>
                  </div>
                </div>
              </div>
              <div id="u12293-7" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12294-7" class="ax_default box_2 u12294">
                  <img id="u12294-7_img" class="img u12294_img" src="images/infinitescroll_____/u12294.png"/>
                  <!-- Unnamed () -->
                  <div id="u12295-7" class="u12295 text" style="visibility: visible;">
                    <p><span>7</span></p>
                  </div>
                </div>
              </div>
              <div id="u12293-8" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12294-8" class="ax_default box_2 u12294">
                  <img id="u12294-8_img" class="img u12294_img" src="images/infinitescroll_____/u12294.png"/>
                  <!-- Unnamed () -->
                  <div id="u12295-8" class="u12295 text" style="visibility: visible;">
                    <p><span>8</span></p>
                  </div>
                </div>
              </div>
              <div id="u12293-9" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12294-9" class="ax_default box_2 u12294">
                  <img id="u12294-9_img" class="img u12294_img" src="images/infinitescroll_____/u12294.png"/>
                  <!-- Unnamed () -->
                  <div id="u12295-9" class="u12295 text" style="visibility: visible;">
                    <p><span>9</span></p>
                  </div>
                </div>
              </div>
              <div id="u12293-10" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12294-10" class="ax_default box_2 u12294">
                  <img id="u12294-10_img" class="img u12294_img" src="images/infinitescroll_____/u12294.png"/>
                  <!-- Unnamed () -->
                  <div id="u12295-10" class="u12295 text" style="visibility: visible;">
                    <p><span>10</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12296" class="ax_default label">
        <img id="u12296_img" class="img " src="images/infinitescroll_____/u12296.png"/>
        <!-- Unnamed () -->
        <div id="u12297" class="text" style="visibility: visible;">
          <p><span>InfiniteScroll 无限滚动</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12298" class="ax_default label">
        <img id="u12298_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u12299" class="text" style="visibility: visible;">
          <p><span>基础用法</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12300" class="ax_default label">
        <img id="u12300_img" class="img " src="images/select____/u3880.png"/>
        <!-- Unnamed () -->
        <div id="u12301" class="text" style="visibility: visible;">
          <p><span>滚动至底部时，加载更多数据。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12302" class="ax_default label">
        <img id="u12302_img" class="img " src="images/link_文字链接/u2097.png"/>
        <!-- Unnamed () -->
        <div id="u12303" class="text" style="visibility: visible;">
          <p><span>滚动到底部时自动执行加载方法。</span></p>
        </div>
      </div>

      <!-- Loading (Rectangle) -->
      <div id="u12304" class="ax_default box_2 ax_default_hidden" data-label="Loading" style="display: none; visibility: hidden">
        <img id="u12304_img" class="img " src="images/infinitescroll_____/loading_u12304.png"/>
        <!-- Unnamed () -->
        <div id="u12305" class="text" style="visibility: visible;">
          <p><span>正在加载...</span></p>
        </div>
      </div>

      <!-- Panel (Dynamic Panel) -->
      <div id="u12306" class="ax_default" data-label="Panel">
        <div id="u12306_state0" class="panel_state" data-label="State1">
          <div id="u12306_state0_content" class="panel_state_content">

            <!-- List_Auto (Repeater) -->
            <div id="u12307" class="ax_default" data-label="List_Auto">
              <script id="u12307_script" type="axure-repeater-template" data-label="List_Auto">

                <!-- Unnamed (Rectangle) -->
                <div id="u12308" class="ax_default box_2 u12308">
                  <img id="u12308_img" class="img u12308_img" src="images/infinitescroll_____/u12308.png"/>
                  <!-- Unnamed () -->
                  <div id="u12309" class="u12309 text" style="visibility: visible;">
                    <p><span>1</span></p>
                  </div>
                </div>
              </script>
              <div id="u12307-1" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12308-1" class="ax_default box_2 u12308">
                  <img id="u12308-1_img" class="img u12308_img" src="images/infinitescroll_____/u12308.png"/>
                  <!-- Unnamed () -->
                  <div id="u12309-1" class="u12309 text" style="visibility: visible;">
                    <p><span>1</span></p>
                  </div>
                </div>
              </div>
              <div id="u12307-2" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12308-2" class="ax_default box_2 u12308">
                  <img id="u12308-2_img" class="img u12308_img" src="images/infinitescroll_____/u12308.png"/>
                  <!-- Unnamed () -->
                  <div id="u12309-2" class="u12309 text" style="visibility: visible;">
                    <p><span>2</span></p>
                  </div>
                </div>
              </div>
              <div id="u12307-3" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12308-3" class="ax_default box_2 u12308">
                  <img id="u12308-3_img" class="img u12308_img" src="images/infinitescroll_____/u12308.png"/>
                  <!-- Unnamed () -->
                  <div id="u12309-3" class="u12309 text" style="visibility: visible;">
                    <p><span>3</span></p>
                  </div>
                </div>
              </div>
              <div id="u12307-4" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12308-4" class="ax_default box_2 u12308">
                  <img id="u12308-4_img" class="img u12308_img" src="images/infinitescroll_____/u12308.png"/>
                  <!-- Unnamed () -->
                  <div id="u12309-4" class="u12309 text" style="visibility: visible;">
                    <p><span>4</span></p>
                  </div>
                </div>
              </div>
              <div id="u12307-5" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12308-5" class="ax_default box_2 u12308">
                  <img id="u12308-5_img" class="img u12308_img" src="images/infinitescroll_____/u12308.png"/>
                  <!-- Unnamed () -->
                  <div id="u12309-5" class="u12309 text" style="visibility: visible;">
                    <p><span>5</span></p>
                  </div>
                </div>
              </div>
              <div id="u12307-6" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12308-6" class="ax_default box_2 u12308">
                  <img id="u12308-6_img" class="img u12308_img" src="images/infinitescroll_____/u12308.png"/>
                  <!-- Unnamed () -->
                  <div id="u12309-6" class="u12309 text" style="visibility: visible;">
                    <p><span>6</span></p>
                  </div>
                </div>
              </div>
              <div id="u12307-7" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12308-7" class="ax_default box_2 u12308">
                  <img id="u12308-7_img" class="img u12308_img" src="images/infinitescroll_____/u12308.png"/>
                  <!-- Unnamed () -->
                  <div id="u12309-7" class="u12309 text" style="visibility: visible;">
                    <p><span>7</span></p>
                  </div>
                </div>
              </div>
              <div id="u12307-8" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12308-8" class="ax_default box_2 u12308">
                  <img id="u12308-8_img" class="img u12308_img" src="images/infinitescroll_____/u12308.png"/>
                  <!-- Unnamed () -->
                  <div id="u12309-8" class="u12309 text" style="visibility: visible;">
                    <p><span>8</span></p>
                  </div>
                </div>
              </div>
              <div id="u12307-9" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12308-9" class="ax_default box_2 u12308">
                  <img id="u12308-9_img" class="img u12308_img" src="images/infinitescroll_____/u12308.png"/>
                  <!-- Unnamed () -->
                  <div id="u12309-9" class="u12309 text" style="visibility: visible;">
                    <p><span>9</span></p>
                  </div>
                </div>
              </div>
              <div id="u12307-10" class="preeval" style="width: 760px; height: 50px;">

                <!-- Unnamed (Rectangle) -->
                <div id="u12308-10" class="ax_default box_2 u12308">
                  <img id="u12308-10_img" class="img u12308_img" src="images/infinitescroll_____/u12308.png"/>
                  <!-- Unnamed () -->
                  <div id="u12309-10" class="u12309 text" style="visibility: visible;">
                    <p><span>10</span></p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Loading (Rectangle) -->
      <div id="u12310" class="ax_default box_2 ax_default_hidden" data-label="Loading" style="display: none; visibility: hidden">
        <img id="u12310_img" class="img " src="images/image___/loading_u12267.png"/>
        <!-- Unnamed () -->
        <div id="u12311" class="text" style="visibility: visible;">
          <p><span>正在加载...</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12312" class="ax_default label">
        <img id="u12312_img" class="img " src="images/button___/u1816.png"/>
        <!-- Unnamed () -->
        <div id="u12313" class="text" style="visibility: visible;">
          <p><span>禁用自动加载</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12314" class="ax_default label">
        <img id="u12314_img" class="img " src="images/inputnumber____/u3144.png"/>
        <!-- Unnamed () -->
        <div id="u12315" class="text" style="visibility: visible;">
          <p><span>滚动到底部时每次等待加载。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u12316" class="ax_default box_2">
        <img id="u12316_img" class="img " src="images/color___/u352.png"/>
        <!-- Unnamed () -->
        <div id="u12317" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
